<template>
    <div>
        <!-- <common-echart :data="data" type="pie"></common-echart> -->
        <el-form-item label="时间显示">
            <el-radio-group v-model="data.options.timeline.show">
                <el-radio :label="true">显示</el-radio>
                <el-radio :label="false">不显示</el-radio>
            </el-radio-group>
        </el-form-item>
        <el-form-item label="时间间隔">
            <el-input type="number" v-model="data.options.timeline.playInterval"></el-input>
        </el-form-item>
        <div>
            <h3>地图设置</h3>
            <el-form-item label="区块颜色">
                <el-color-picker v-model="data.options.baseOption.geo.itemStyle.normal.areaColor"></el-color-picker>
            </el-form-item>
            <el-form-item label="分线颜色">
                <el-color-picker v-model="data.options.baseOption.geo.itemStyle.normal.borderColor"></el-color-picker>
            </el-form-item>
            <el-form-item label="hover颜色">
                <el-color-picker v-model="data.options.baseOption.geo.itemStyle.emphasis.areaColor"></el-color-picker>
            </el-form-item>
        </div>
        <div>
            <h3>柱图设置</h3>
            <el-form-item label="柱条宽度">
            <el-input type="number" v-model="data.options.options[0].series[3].barWidth" placeholder="默认自适应"></el-input>
        </el-form-item>
        </div>
    </div>
</template>
<script>
import CommonEchart from './CommonEchart'
import {getEchartByType} from '@/api/api'
export default {
    name: 'QianxiMapEchart',
    components: {
        CommonEchart
    },
    props: {
        data: {
            type: Object
        },
        selectDict: {
            type: Array
        }
    },
    data(){
        return {

        }
    },

    methods: {
        
    }
}
</script>
<style lang="scss" scoped>

</style>
